<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<html>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="path" value="${pageContext.request.contextPath}"/>
<head>
    <link rel="StyleSheet" href="css/jpetstore.css" type="text/css"
          media="screen"/>
    <title>登录页面</title>
    <style>
        .login {
            position: absolute;
            left: 63%;
            top: 30%;
        }

        .body {
            background-image: url(../../img/img2.jpg);
            background-size: auto auto;
            background-repeat: no-repeat;
        }

    </style>
</head>

<%--<SCRIPT type="text/javascript" src="requiered/jquery.js"></SCRIPT>--%>
<%--<script type="text/javascript"></script>--%>
<%--<script language="JavaScript">--%>
<%--    $(function () {--%>
<%--        $('.jqtransform').jqTransform();--%>
<%--    });--%>
<%--</script>--%>

<body style="background-image: url(${path}/img/img2.jpg); background-size: auto auto ;background-repeat: no-repeat">
<%--这个注释先不要删!!!--%>
<%--<body style="background-image: url(../../img/img2.jpg); background-size: auto auto ;background-repeat: no-repeat">
原始写法  但是图片打不开 但是这个url不报错
--%>

<%--
<body style="background-image: url(../img/img2.jpg); background-size: auto auto ;background-repeat: no-repeat">
这个也错 图片不能能显示 url也会报错
--%>

<%--<body style="background-image: url(img/img2.jpg); background-size: auto auto ;background-repeat: no-repeat">--%>
<%--这个有一点问题 图片能显示 但是url会报错--%>


<%--
<body style="background-image: url('${ctx}/img/img2.jpg'); background-size: auto auto ;background-repeat: no-repeat">
这个没问题 图片能显示 这个技术不会 先拿来用了再说
--%>

<%--
原因是在项目中的结构和在浏览器中的结构不一样....(浏览器F12看的)    很坑的这个东西login.jsp和img文件夹是同级的 WEB-INF下那个放login.jsp的文件夹不知道为什么就没了... 没完全懂
--%>
<form action="login" method="post" class="login" id="jqtransform">
    <h2 style="text-align: center">
        欢迎登录
    </h2>
    <table>
        <tr>
            <td>用户名:</td>
            <td><input type="text" name="username" value="${requestScope.user.username}"/></td>
        </tr>
        <tr>
            <td>密 码:</td>
            <td><input type="password" name="password" value="${requestScope.user.password}"/></td>
        </tr>
        <tr>
            <td></td>
            <td style="color: red;text-align: right">
                ${requestScope.loginMsg}
            </td>
        </tr>


        <%--        <tr>--%>
        <%--            &lt;%&ndash;TODO 用日期jar包等实现选择出生日期 或者删掉这个功能&ndash;%&gt;--%>
        <%--            <td>出生日期:</td>--%>
        <%--            <td>--%>
        <%--                <select name="year">--%>
        <%--                    <option value="">1</option>--%>
        <%--                    <option value="">2</option>--%>
        <%--                    <option value="">3</option>--%>
        <%--                    <option value="">4</option>--%>
        <%--                    <option value="">5</option>--%>
        <%--                </select>--%>

        <%--                <select name="month">--%>
        <%--                    <option value="">1</option>--%>
        <%--                    <option value="">2</option>--%>
        <%--                    <option value="">3</option>--%>
        <%--                    <option value="">4</option>--%>
        <%--                    <option value="">5</option>--%>
        <%--                </select>--%>

        <%--                <select name="day">--%>
        <%--                    <option value="">1</option>--%>
        <%--                    <option value="">2</option>--%>
        <%--                    <option value="">3</option>--%>
        <%--                    <option value="">4</option>--%>
        <%--                    <option value="">5</option>--%>
        <%--                </select>--%>
        <%--            </td>--%>
        <%--        </tr>--%>
        <%--        <tr>--%>
        <%--            <td>家庭住址:</td>--%>
        <%--            <td><input type="text" name="password"/></td>--%>
        <%--        </tr>--%>
        <%--        <tr>--%>
        <%--            <td>个人简介:</td>--%>
        <%--            <td><input type="text" name="password"/></td>--%>
        <%--        </tr>--%>

        <tr>
            <td align="left">
                <a href="registerform">用户注册</a>
            </td>
            <td align="right"><input type="submit" value="登录"></td>
        </tr>

    </table>
</form>
</body>
</html>
